@charset "utf-8";
/* 账户中心 */
body{ background: #f5f5f5;}
.m-nav{border-bottom: 1px solid #E7E7E7; width: 100%; margin: 0 auto; background: #fff; clear: both;}
.accountBox {width: 1200px;margin: 0 auto 80px;padding: 20px 0 0 0;overflow: hidden;}
.accountLeft {width:190px;float:left;border:1px solid #E7E7E7;background:#fff;}
.accountRight {width:978px;float:right;}
.accountLeft li.menu_type.first {padding-top: 60px;}
.accountLeft li.menu_type {padding: 22px 0 10px 30px; font-size: 18px;font-weight: bold; color: #333;}
.accountLeft .menu_icon.account_icon {background-position: 0 0;}
.accountLeft .menu_icon { background: url(../../images/account/icon.png) -408px -40px no-repeat; display: inline-block; width: 23px; height: 22px; vertical-align: -14px;margin-right: 10px;vertical-align: middle;}
.accountLeft .invest_icon{ background-position:-20px 0;}
.accountLeft .manage_icon{ background-position:-41px 0px;}
.accountLeft .other_icon{ background-position:-64px 0px;}
.accountLeft  .menu_link.current { background: #f5f5f5; border-left: 4px solid #e71a19;}
.accountLeft  .menu_link { padding: 8px 0 8px 65px;}
.accountLeft  .menu_link a {color: #333;font-size: 14px;}
.account_base { padding: 29px 30px;    border: 1px solid #E7E7E7; background: #fff;}
.account_base_l {float: left;position: relative;}
.account_base_l .person_pic {float: left;cursor: pointer;width: 76px;    padding: 41px 0 0 0;}
.upload-imgs {position: absolute; background: #f1f1f1;width: 510px; padding: 10px; top: -10px; left: 110px;display: none;}
button.close { -webkit-appearance: none;  padding: 0; cursor: pointer;background: transparent; border: 0;}
.upload-imgs img {cursor: pointer;}
.account_base_l .person_meta {margin-left: 110px; font-size: 16px;color: #333;}
.account_base_l .welcome {margin-top: 10px;}
.account_base_l .welcome a {color: #e71a19; font-size: 14px; margin-left: 10px;}
.identify { margin-top: 26px;}
.identify .i_icon {margin-right: 23px;display: inline-block;background: url(../../images/account/identify.png) no-repeat;width: 34px;height: 34px}
.identify .i-iconqdao {background-position: -147px 0px}
.identify .i_phone {background-position: 0 0}
.identify .i_card {background-position: -49px 0px}
.identify .i_lock {background-position:-98px 0px}
.identify .i_phone.active {background-position: 0 -35px}
.identify .i_card.active {	background-position: -49px -35px}
.identify .i_lock.active {background-position: -98px -35px}
.identify .i-iconqdao.active {background-position:-147px -35px}
.other_meta { color: #4d4d4d;font-size: 14px;margin-top: 24px;}
.other_meta .avail-coupon, .other_meta .invited, .other_meta .duizhang { color: #4e4e4e;margin-right: 40px;}
.other_meta .icon {background: url(../../images/account/identify.png) no-repeat;display: inline-block;width: 20px;height: 20px;margin-right: 15px;vertical-align: middle}
.other_meta .avail-coupon .icon {background-position: 0 -70px}
.other_meta .invited .icon {background-position: -27px -68px}
.other_meta .duizhang .icon {background-position: -30px -68px}
.account_base_r { width: 359px; text-align: center; padding-top: 12px; border-left: 1px solid #E7E7E7;}
.account_base_r p {color: #333;font-size: 16px;}
.account_base_r p.stress {font-family: HelveticaNeueLt; font-size: 28px;color: #e71a19; font-family: Arial; line-height: 1em;margin: 35px 0 35px 0;}
.account_base_r .btn-group a {font-size: 16px; border-radius: 26px; color: #ECC346; -webkit-border-radius: 26px;-moz-border-radius: 26px; display: inline-block; width: 78px; height: 30px;line-height: 30px; text-align: center; border: 1px solid #ECC346;}
.account_base_r .btn-group  .btn_1 {background: #ECC346;color: #fff;margin-right: 15px;}
.other_meta a:hover{ color: #e71a19;}
.close{ float: right;font-size: 30px;font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20); opacity: .2; margin: 10px 20px 10px 10px;}
.capital_box{margin:20px auto 0;border: 1px solid #E7E7E7;position: relative; background: #fff; padding: 15px 0;}
.capital_base {float: left; border-right: 1px solid #e4e4e4;width: 615px;padding:61px 0;}
.capital_box .pie_pic { width: 320px; height: 320px; float: left; position: relative;}
.capital_box .pie_infor { position: absolute;top: 50%; left:39px;z-index: 10; width: 285px; height: 54px; margin-top: -44px; text-align: center;}
#Doughnut {  width: 100%; height: 100%;    margin-left: 18px;}
.capital_box .pie_data { margin-left: 384px;  margin-top: 41px;}
.pie_data p.meta {color: #999; font-size: 16px;  line-height: 1em; position: relative; padding-left: 20px;}
.pie_data p.stress {color: #333333;font-size: 24px;line-height: 1em;margin: 20px 0 30px 0;font-family: arial;padding-right: 94px; text-align: center;}
.capital_box .pie_infor .stress { font-family: arial; color: #e71a19;font-size: 33px; margin-bottom: 10px;}
.capital_box .pie_infor p {font-size: 19px;color: #333;}
.pie_data p.meta {color: #999; font-size: 16px;line-height: 1em; position: relative; padding-left: 20px;}
.pie_data .listImg.Img1 { background: #ffb824;}
.pie_data .listImg { display: block;width: 8px; height: 8px;position: absolute; top: 4px; left: 0; border-radius: 50%;  -webkit-border-radius: 50%;-moz-border-radius: 50%;}
.pie_data .listImg.Img2 { background: #e71a19;}
.pie_data .listImg.Img3 {background: #77bd0e;}
.capital_other { float: left;padding: 58px 50px;width: 260px;}
.capital_other li {border-bottom: 1px solid #e4e4e4; padding: 23px 0;text-align: center;}
.capital_other li p.meta { color: #999999;font-size: 16px; line-height: 1em;position: relative;}
.capital_other li.last {border-bottom: 0;}
.capital_other li p.stress {color: #333; font-size: 24px;line-height: 1em;margin-top:20px; font-family: "微软雅黑";}
.capital_other li p.stress .tyLink{ color: #ecc346; font-size: 16px;}

